{% extends "base.html" %}

{% block content %}

    <div id="bd">
        <div id="yui-main">
            <div class="yui-b">

                {% for link in links %}

                    <div class="yui-gf">
                        <div class="question-wrapper">
                            <div class="yui-u first">
                                <h2>Title:</h2>
                            </div>
                            <div class="yui-u">
                                <p class="enlarge">
                                    <b>{{ link.title }}</b>
                                </p>
                            </div>
                        </div>

                        <div class="answer-wrapper">
                            <div class="yui-u first answer">
                                <h2>Description:</h2>
                            </div>
                            <div class="yui-u">
                                <p class="enlarge">
                                    {{ link.description }}
                                </p>
                            </div>
                        </div>

                        <div class="answer-wrapper">
                            <div class="yui-u first answer">
                                <h2>URL:</h2>
                            </div>
                            <div class="yui-u">
                                <p class="enlarge">
                                    <a href="{{ link.url }}" target="_blank">{{ link.url }}</a>
                                </p>
                            </div>
                        </div>
                    </div><!--// .yui-gf -->

                {% endfor %}

            </div><!--// .yui-b -->
        </div><!--// yui-main -->
    </div><!--// bd -->

{% endblock %}
